import Vue from "vue";
import VueRouter from "vue-router";
Vue.use(VueRouter);

import NotFount from "@/views/NotFount.vue";
import UiRouter from "@/views/UiRouter.vue";
import ConTacts from "@/views/ConTacts.vue";
import About from "@/views/AbouTs.vue";
import AllContacts from "@/views/AllContacts.vue";
import AliCe from "@/views/AliCe.vue";
import BoBo from "@/views/BoBo.vue";
import Bolg from "@/views/BoLg.vue";
import fax from "@/views/FaXs.vue";


const router = new VueRouter({
  routes: [
    {
      path: "/",
      redirect: "/UiRouter",
    },
    { path: "/UiRouter", component: UiRouter },
    {
      path: "/contacts",
      component: ConTacts,
      children: [
        { path: "allcontact", component: AllContacts },
        { path: "alice", component: AliCe },
        {
          path: "bob", component: BoBo,
          children: [
            { path:'bolg',component:Bolg},
            { path:'fax',component:fax}
        ]
        },
      ],
    },
    { path: "/about", component: About },

    { path: "*", component: NotFount },
  ],
});

export default router;
